<!DOCTYPE html>
<html>
<head>
  <!--[if lt IE 7]>
  <div class="ie6_error">还在用<strong>漏洞百出的IE6浏览器</strong>么？为了您的网络安全，请升级浏览器 <a target="_blank"
                                                                             href="http://browsehappy.com">立即升级</a>
  </div>
<![endif]-->

<meta charset="utf-8">
<title>多地址下单-文具1号</title>
<meta name="description"
content="文具1号作为上海办公用品供货商公司,专为世界500强企业及SOHO办公族提供网上商城一站式办公耗材批发及采购服务,一站式选购办公日用文具用品,厂家直销,好货又便宜【阳光采购就上文具1号 阳光价格 老板放心 品质保障 员工省力】"/>
<meta name="keywords" content="办公用品,办公文具,办公文具网站,文具网站,办公用品网,文具采购网,金万年"/>
<meta name="copyright" content="上海易推信息科技有限公司"/>
<meta name="renderer" content="webkit">
<base href="<?php echo base_url(); ?>"/>
<link rel="shortcut icon" href="favicon.ico"/>
<link rel="stylesheet" type="text/css" href="public/css/base.css"/>
<link rel="stylesheet" type="text/css" href="public/css/common.css"/>
<link rel="stylesheet" type="text/css" href="public/css/reset.css"/>
<link rel="stylesheet" type="text/css" href="public/css/popup.css"/>
<link rel="stylesheet" type="text/css" href="public/css/layer.css"/>
<link rel="stylesheet" type="text/css" href="public/css/buyer_cart.css"/>
<link rel="stylesheet" type="text/css" href="public/css/new_add_css.css"/>
<link rel="stylesheet" type="text/css" href="public/css/index.css"/>

<!--<script src="js/jquery.1.7.1-min.js" type="text/javascript" charset="utf-8"></script>-->

  <!--[if lte IE 9]>
  <script type="text/javascript" src="public/js/html5shiv-printshiv-3.js"></script>
<![endif]-->
</head>
<body>


  <div class="bg bg-fff">
    <!--common - head -->
    <?php $this->load->view('common/header.php');?>

    <!--common - head end-->

    <div class="container bg-padding-inside multiple-address-cont">
      <div class="multiple-address-top">
        <p class="tit">
          <span class="icon bg-icon_manyaddress">图标</span>
          多地址下单
          <a style="cursor: pointer;" href="<?=base_url('cost_center/cost_center_address_present')?>"><span class="icon-qa bg-btn_why_copy">更多</span></a>
        </p>
        <p class="multiple-address-step">
          <span class="bg-line"></span>
          <span class="step step1">上传采购清单</span>
          <span class="step step-on step2">确定采购清单信息</span>
          <span class="step step3">成功下单</span>
        </p>
      </div>
      <div class="multiple-address-box1">
        <p class="multiple-address-mb">
          <span class="icon bg-icon_download_grey">icon</span>
          多地址下单需按照模板填写采购清单，请您先 <a href="<?=base_url()?>template.xlsx" class="color-blue">下载模板</a>
        </p>
      <!-- <p class="statue-upload">
        <span class="text">上传中</span>
        <span class="text">上传完成，解析中…</span>
        <span class="red-line"></span>
        <span class="gray-line"></span>
      </p> -->
      <form method="post" action="<?php echo base_url()?>multiple_address/analyze_multi_address_excel" id="form" enctype="multipart/form-data" >
        <input type="file" name="file" id="file" style="visibility: hidden;" >
        <a href="javascript:;" class="multiple-address-upload" id="upload-purchase-list">重新上传采购清单</a>
      </form>
      <p class="upload-end"><?=$name?><a href="javascript:;" style="padding-left:15px;" class="color-blue delete-list">删除</a>
      </p>
    </div>
    <div class="shopping-list-wrapper">
      <div id="content" style="width:1190px; margin-top:30px;">
        <div id="J_Cart">
          <div id="J_CartMain" class="cart-main">
            <div class="J_FloatBar_box1" style="position:relative;">
              <div class="cart-table-th" id="cart-table-th">
                <div class="wp" style="width:1190px;">
                  <div class="th th-chk">
                    <div id="J_SelectAll1" class="select-all J_SelectAll selected"><span class="s-checkbox"></span>&nbsp;&nbsp;全选
                    </div>
                  </div>
                  <div class="th th-item">商品</div>
                  <div class="th th-info">商品信息</div>
                  <div class="th th-price">单价</div>
                  <div class="th th-amount">数量</div>
                  <div class="th th-sum">小计</div>
                  <div class="th th-op">操作</div>
                  <div class="th th-info">收货人信息</div>
                </div>
              </div>
            </div>
            <div id="J_OrderList">
              <div id="" class="J_Order clearfix order-body all-select  ">
                <div class="J_ItemHead shop clearfix">
                  <div class="shop-info selected">
                    <span class=""></span>
                    店铺：
                    <a href="javascript:;" target="_blank" title="文具1号超市" class="J_MakePoint">文具1号超市</a>
                  </div>
                </div>
                <div class="order-content">
                  <div class="item-list">
                    <div class="bundle  bundle-last ">
                      <?php $i = 0;$totalMoney=0; $x = 0; foreach($item as $key=>$value):?>
                      <?php $i = $i +1;?>
                      <div class="bag-wrapper" style="width:100%; overflow:hidden;border-bottom: 1px solid #d7d7d7;background-color: #F2F2F2;">
                        <?php foreach($value as $k=>$v):?>
                          <?php $x = $x +1;$totalMoney+=$v['goods_price']*$v['goods_num'];?>
                          <div class="one-bag" style="width:1000px; display: block; float:left;border-right: 1px solid #d7d7d7;">
                            <div class="J_ItemBody item-body clearfix item-normal  first-item  last-item selected posR" val="<?=$v['goods_id']?>">
                              <ul class="item-content clearfix">
                                <li class="td td-chk">
                                  <div class="td-inner"><span class="goodsnumber"><?=$x?></span><span class="s-checkbox J_CheckBoxItem" ></span></div>
                                </li>
                                <li class="td td-item">
                                  <div class="td-inner">
                                    <div class="item-pic J_ItemPic img-loaded"><a href="<?php base_url()?>goods/detail?id=<?php echo $v['goods_id']?>" target="_blank" class="J_MakePoint"><img src="<?=$v['goods_main_img']?>" class="itempic J_ItemImg"></a></div>
                                    <div class="item-info"><a href="<?php base_url()?>goods/detail?id=<?php echo $v['goods_id']?>" target="_blank" class="item-title J_MakePoint"><?=$v['goods_name']?></a>
                                    </div>
                                  </div>
                                </li>
                                <li class="td td-info">
                                  <div class="item-props item-props-can">
                                    <?php if(isset($v['goods_attr']) && $v['goods_attr'] != ""):?>
                                      <?php foreach ($v['goods_attr'] as $l => $m): ?><p class="sku-line"><?= $m['name'] ?> : <a href="javascript:void(0);"><?= $m['value'] ?></a></p>
                                    <?php endforeach; ?>
                                  <?php endif;?>
                                </div>
                              </li>
                              <li class="td td-price">
                                <div class="td-inner">
                                  <div class="item-price">
                                    <div class="price-line"><em class="J_Price price-now" tabindex="0"><?php echo $v['goods_price']?></em></div>
                                  </div>
                                </div>
                              </li>
                              <li class="td td-amount" style="margin-top: 10px;">
                                <div class="item-amount ">
                                  <a href="javascript:void(0)" class="J_Minus <?php if ($v['goods_num'] == 1): ?>no-minus<?php endif; ?>">-</a>
                                  <input type="text" value="<?= $v['goods_num'] ?>" autocomplete="off" class="text text-amount J_ItemAmount" onkeyup="value=value.replace(/[^\d]/g,'')" style="height:23px;">
                                  <a href="javascript:void(0)" class="J_Plus plus">+</a>
                                </div>
                              </li>
                              <li class="td td-sum">
                                <div class="td-inner"><em class="J_ItemSum number"><?= $v['goods_price'] * $v['goods_num'] ?></em>
                                </div>
                              </li>
                              <li class="td td-op">
                                <div class="td-inner"><a href="javascript:;" class="J_Del J_MakePoint">删除</a></div>
                              </li>
                            </ul>
                          </div>
                        </div>
                      <?php endforeach;?>
                      <div class="parcel-item selected" val="<?=$key?>"><!--selected 选中与不选中状态切换-->
                        <ul class="item-content clearfix">
                          <li class="td td-op" style="text-align: left;width: 190px;padding: 10px">
                            <div class="font-high-light">
                              <p>包裹<?php echo $i?>：</p>
                              <p><em style="display:inline-block; text-align:left; width:50px;"><?php echo explode(";", $key)[0]?></em> <?php echo explode(";", $key)[1]?></p>
                              <p class="tal" style="color:#5c606b;padding: 5px"><?php echo explode(";", $key)[2].explode(";", $key)[3].explode(";", $key)[4].explode(";", $key)[5]?></p>
                            </div>
                          </li>
                          <li class="td"></li>
                        </ul>
                      </div>                 
                    </div>
                  <?php endforeach;?> 
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="J_FloatBar_box" style="position:relative; width: 1190px; margin-top:-19px;">
          <div id="J_FloatBar" class="float-bar clearfix fixed-bottom" style="width:1190px;">
            <div id="J_SelectedItems" class="group-wrapper group-popup hidden" style="display: none;">
              <div id="J_SelectedItemsList" class="group-content"></div>
              <span class="arrow" style="left: 670px;"></span></div>
              <div class="float-bar-wrapper">
                <div id="J_SelectAll2" class="select-all J_SelectAll selected"><span class="s-checkbox"></span>&nbsp;全选</div>
                <div class="float-bar-right">
                  <div id="J_ShowSelectedItems" class="amount-sum"><span class="txt">已选商品</span><em id="J_SelectedItemsCount"></em><span class="txt">种</span>
                  </div>
                  <div class="pipe"></div>
                  <div class="price-sum"><span class="txt">合计(不含运费)：</span><strong class="price">¥<em id="J_Total"></em></strong>
                  </div>
                  <div class="btn-area"><a href="javascript:;" id="J_Go" class="submit-btn"><span>结算</span><!-- <b></b> --></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!--<div class="testfoot"></div>-->
      </div>
    </div>
    <div class="multiple-address-box2">
      <p>
        <em style="font-weight:bold;">注意事项：</em><br>
        多地址下单需要根据官方提供的Excel表格进行填写，请您先<a href="<?=base_url()?>template.xlsx" class="color-blue">下载模板</a><br>
        请您根据模板说明进行填写，格式错误可能会导致订单解析失败<br>
        若一次下单超过以下任一条数量限制，会导致订单解析失败：<br>
        （1）最多支持10个地址<br>
        （2）所有商品总和不得超过200个<br>
        若您在订单填写的过程当中有任何疑问，请联系我们：客服电话4008-215-248<br>
      </p>
    </div>
  </div>

  <?php $this->load->view('common/bottom.php');?>
</div>
<div class="mask none"></div>

<div class="pop pop-account-activation bg-padding-inside none upload-again" style="height:253px;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont" style="padding-top:55px;">
    <p class="intro">
      已有采购清单，若再次上传将覆盖原有文件<br>
      是否继续？
    </p>
    <div class="btn-box" style="padding-top:20px;">
      <a href="javascript:;" class="btn-submit upload-insure">确定</a>
      <a href="javascript:;" class="btn-cancel">取消</a>
    </div>
  </div>
</div>  <!--温馨提示-->
<div class="pop pop-account-activation bg-padding-inside none delete-list-window" style="height:253px;">
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont" style="padding-top:55px;">
    <p class="intro">
      上传采购清单文件，将会清空下方商品相关信息<br>
      确定删除？
    </p>
    <div class="btn-box" style="padding-top:20px;">
      <a href="javascript:;" class="btn-submit delete">确定</a>
      <a href="javascript:;" class="btn-cancel">取消</a>
    </div>
  </div>
</div>  <!--温馨提示-->
<div class="pop  pop-address-order bg-padding-inside excel-remind none" >
  <a href="javascript:;" class="close bg-btn_close_n"></a>
  <p class="top-tit">
    <span class="bg-logo_popup"></span>
  </p>
  <div class="cont">
    <p class="tit tal">请注意：</p>
    <p class="intro tal">
      商品填写的信息不合规范，如需请修改后重新上传
    </p>
    <p class="intro2">
      第五行  货号1156242
    </p>
    <button class="adjustment-budget-submit excel-remind-insure">确 定</button>
  </div>
</div>
<script type="text/javascript" src="public/js/jquery.min.js"></script>
<script type="text/javascript" src="public/js/index.js"></script>
<script type="text/javascript" src="public/js/layer.js?v=1523346815"></script>
<script type="text/javascript" src="public/js/layerUtils.js?v=1523346815"></script>
<script type="text/javascript" src="public/js/cart_timeover.js?v=1523346815"></script>
<script type="text/javascript">
  $(function(){
   $("#file").val("");
   function checkType() {

      //得到上传文件的值
      var fileName = $("#file").val();
      //返回String对象中子字符串最后出现的位置.
      var seat = fileName.lastIndexOf(".");
      //返回位于String对象中指定位置的子字符串并转换为小写.
      var extension = fileName.substring(seat).toLowerCase();
      //判断允许上传的文件格式
      var allowed = [".xls", ".xlsx"];
      for (var i = 0; i < allowed.length; i++) {
        if (!(allowed[i] != extension)) {
          return true;
        }
      }
      layer.alert("不支持该格式，请重新选择xls,xlsx,等格式上传！");
      return false;
    }
    $('#upload-purchase-list').on('click', function(e) {
      $('.upload-again').removeClass('none');
      $('.upload-again').show();
      $('.mask').removeClass('none');
      $('.mask').show();
      
    })

    $('.upload-insure').click(function(e){
      e.preventDefault();
      $('.pop-account-activation').addClass('none');
      $('.pop-account-activation').hide();
      $('.mask').addClass('none');
      $('.mask').hide();
      $('#file').trigger('click');
    })
    $('#file').on('change',function(){
      if(checkType()){
        var index = layer.load(1, {content:'<img src="public/images/wait-moment2.gif">',shade: 0.4,success: function(layero){}})
        $("#form").submit();
      }
    })

    $(".delete-list").click(function(){
      $('.delete-list-window').removeClass('none');
      $('.delete-list-window').show();
      $('.mask').removeClass('none');
      $('.mask').show();
    })
    //取消。
    $(".btn-cancel").click(function(){
      $('.pop-account-activation').addClass('none');
      $('.pop-account-activation').hide();
      $('.mask').addClass('none');
      $('.mask').hide();
    })
    //删除确定
    $('.delete').click(function(){
      window.location.href = "<?php echo base_url()?>multiple_address";
    })

    function goodsNum() {
        var plus_btn = $('.J_Plus');//+
        var minus_btn = $('.J_Minus');//--
        var itemAmount = $('.J_ItemAmount');
        var url = "cart/save_good_num";
        var num_ipt;
        plus_btn.click(function () {//增1数量
          var obj = {};
          var itemBody = $(this).parents(".item-body");
          obj.goodsId = $(this).attr('val');

          num_ipt = $(this).prev(".J_ItemAmount");
          var goodsNum = num_ipt.val();
          var goodPrice = $(this).parent().parent().siblings().find('.J_Price').html();
          goodsNum++;
          obj.quantity = goodsNum;
            num_ipt.val(goodsNum);//数量
            $(this).parent().parent().siblings().find('.J_ItemSum').html(toDecimal2(goodsNum*goodPrice));
            $(this).siblings(".J_Minus").removeClass("no-minus").addClass("minus");//显示-
            getTotalFee();
            return false;
          });
        minus_btn.click(function () {

          var itemBody = $(this).parents(".item-body");
          var obj = {};
          obj.goodsId = $(this).attr('val');

          var num_ipt = $(this).next(".J_ItemAmount");
          var goodsNum = num_ipt.val();

          $(this).siblings(".plus").removeClass("no-plus");

          if (!$(this).hasClass("no-minus")) {

            goodsNum--;
            if (goodsNum == 1) {
              $(this).addClass("no-minus").removeClass("minus")
            }
            num_ipt.val(goodsNum);
            obj.quantity = goodsNum;
            var goodPrice = $(this).parent().parent().siblings().find('.J_Price').html();
            $(this).parent().parent().siblings().find('.J_ItemSum').html(toDecimal2(goodsNum*goodPrice));
            getTotalFee();
          }

          return false;
        });
//       手动输入修改商品数量
$('.J_ItemAmount').blur(function () {
  var itemBody = $(this).parents(".item-body");
  var obj = {};
  obj.goodsId = $(this).attr('val');
  var val = $(this).val();
  var reg = /^[1-9]\d*$/;
  if (!reg.test(val) || val == 1) {
    $(this).val(1);
    $(this).prev('.J_Minus').addClass('no-minus').removeClass("minus");
  } else {
    $(this).prev('.J_Minus').removeClass('no-minus');
  }
  obj.quantity = $(this).val();

  var goodPrice = $(this).parent().parent().siblings().find('.J_Price').html();
  $(this).parent().parent().siblings().find('.J_ItemSum').html(toDecimal2($(this).val()*goodPrice));
  getTotalFee();
});
}
var total = $("#J_Total");

function getTotalFee() {
  var fee = 0;
  $('.item-body').each(function () {
    if ($(this).hasClass("selected")) {
      var price = Number($(this).find(".J_ItemSum").html());
      fee += price;
    }
  });
  total.html(toDecimal2(fee));
}
function toDecimal2(x) {
  var f = parseFloat(x);
  if (isNaN(f)) {
    return false;
  }
  var f = Math.round(x * 100) / 100;
  var s = f.toString();
  var rs = s.indexOf('.');
  if (rs < 0) {
    rs = s.length;
    s += '.';
  }
  while (s.length <= rs + 2) {
    s += '0';
  }
  return s;
}
function selectGoodsNum() {
  var i = 0;
  $(".J_CheckBoxItem").each(function () {
    var itemBody = $(this).parents(".item-body");
    if (itemBody.hasClass("selected")) {
      i++;
    }
  });
  $('#J_SelectedItemsCount').html(i)
}

//    检查当前订单列表是否全部选中
function checkitemSelect(obj) {
  var flag = true;
  var orderBody = obj.parents(".order-body");
  obj.each(function () {
    if (!$(this).hasClass("selected")) {
      flag = false;
    }
  });

  if (!flag) {
    orderBody.removeClass("all-select");
    orderBody.find('.shop-info').removeClass("selected");
  } else {
    orderBody.addClass("all-select");
    orderBody.find('.shop-info').addClass("selected");
  }
}
var selAll1 = $("#J_SelectAll1");
var selAll2 = $("#J_SelectAll2");
    //    检查所有店铺订单是否选中
    function checkOrderSelect() {
      var flag = true;
      var orderBody = $(".order-body");
      orderBody.each(function () {
        if (!$(this).hasClass("all-select")) {
          flag = false;
        }
      });
      if (!flag) {
        selAll1.removeClass("selected");
        selAll2.removeClass("selected");
      } else {
        selAll1.addClass("selected");
        selAll2.addClass("selected");
      }
    }
    $(".J_forShop").click(function () {

      var orderBody = $(this).parents(".order-body");
      if (orderBody.hasClass('')) {
        orderBody.removeClass('all-select');
        $(this).parent().removeClass('selected');
        orderBody.find(".item-body").removeClass('selected');
        var checked = 0;
      } else {
        orderBody.addClass('all-select');
        $(this).parent().addClass('selected');
        orderBody.find(".s-checkboall-selectx").each(function () {
          if ($(this).hasClass('err') == false) {
            $(this).parents(".item-body").addClass('selected');
          }
        });
        var checked = 1;
      }
        // checked_modify(checked);
        getTotalFee();
        checkOrderSelect();
        selectGoodsNum();
      })
    var orderListWrap = $('#J_OrderList');//订单列表；
    $('#J_SelectAll1,#J_SelectAll2').click(function () {
      if ($(this).hasClass('selected')) {
        $(this).removeClass("selected");
        selAll1.removeClass("selected");
        selAll2.removeClass("selected");
        $('.J_ItemBody').removeClass("selected");
        $(".parcel-item").removeClass('selected');
        orderListWrap.find(".shop-info").removeClass("selected")
        orderListWrap.find(".order-body").removeClass("all-select")

      } else {
        $(this).addClass("selected");
        selAll1.addClass("selected");
        selAll2.addClass("selected");
            //  $('.J_ItemBody').addClass("selected");
            orderListWrap.find(".shop-info").addClass("selected")
            orderListWrap.find(".order-body").addClass("all-select")
            $(".parcel-item").addClass('selected');
            $(".J_ItemBody").each(function () {
              if ($(this).find('.s-checkbox').hasClass('err') == false) {
                $(this).addClass('selected');
              }
            });
          }
          selectGoodsNum();
          getTotalFee();
          checkOrderSelect();
        })

    //单选
    $('.J_CheckBoxItem').on("click", function () {
      var id = $(this).attr('val');
      var orderBody = $(this).parents(".order-body");
      var itemBody = $(this).parents(".item-body");
      if (itemBody.hasClass('selected')) {
        itemBody.removeClass("selected");
        if(!$(this).parents(".bag-wrapper").find(".item-body").hasClass("selected")){
          $(this).parents(".bag-wrapper").find('.parcel-item').removeClass('selected');
        }   
      } else {
        $(this).parents(".bag-wrapper").find('.parcel-item').addClass('selected');
        itemBody.addClass("selected");
      //  itemBody.next('parcel-item').addClass('selected');
    }
    checkitemSelect(orderBody.find(".item-body"));
    selectGoodsNum();
    getTotalFee();
    checkOrderSelect();
  })

    //删除商品信息
    $(".J_Del").click(function(){

      if($(this).parents(".bag-wrapper").find(".item-body").length == 1){
        $(this).parents(".bag-wrapper").remove();
      }else{
        $(this).parents(".one-bag").remove();
      }
      checkOrderSelect();
      selectGoodsNum();
      getTotalFee();
      goodsNum();
    })

    checkOrderSelect();
    selectGoodsNum();
    getTotalFee();
    goodsNum();


    var flag = true;
    $('.submit-btn').click(function () {
      // if(flag == false){
      //   return false;
      // }
      flag = false;
      var ids = '';
      var address = "";
      var data = [];
      $(".bag-wrapper").each(function (i) {
        var itemBody = $(this).find('.item-body');
        if(itemBody.length==1){
          if (itemBody.hasClass("selected")) {
            var id = itemBody.attr('val')
            var num = itemBody.find('.J_ItemAmount').val();
            address = $(this).find('.parcel-item').attr('val');
            data.push(address+';'+id+':'+num);
          } 
        }else {
          var ids = '';
          itemBody.each(function(){
            if ($(this).hasClass("selected")) {
              var id = $(this).attr('val')
              var num = $(this).find('.J_ItemAmount').val();
              ids += id+':'+num + ','
            } 
          })

          if(itemBody.hasClass("selected")){
            ids = ids.substring(0, ids.length - 1);
            address = $(this).find('.parcel-item').attr('val');
            data.push(address+';'+ids); 
          } 
        }
      });
      if(JSON.stringify(data) == "[]"){
        layer.msg('请选择商品');
        return false;
      }
      var index = layer.load(1, {content:'<img src="public/images/wait-moment2.gif">',shade: 0.4,success: function(layero){}})
      $.post("multiple_address/submit", {data: data}, function (res) {
        if (res.code == -2) {
          layer.close(index);
          layer.msg(res.msg);
          setTimeout(function () {
            location.href = shop_url+"mMLogin.html";
          }, 1000)
        } else if (res.code == -1) {
          layer.close(index);
          layer.msg(res.msg);
        } else if(res.code == 0){
          location.href = "<?php echo base_url()?>multiple_address/order";
        }
      },"json");

    })
  })

$('.excel-remind-insure').click(function(){
  $('.excel-remind').addClass('none');
  $('.excel-remind').hide();
  $('.mask').addClass('none');
  $('.mask').shohidew();
})
</script>

<?php if ($alert = $this->session->flashdata('multiple_address_alert')) { ?>
  <script type="text/javascript">
    $(function () {
      $('.excel-remind .intro2').html('<?php echo $alert;?>');
      $('.excel-remind').removeClass('none');
      $('.excel-remind').show();
      $('.mask').removeClass('none');
      $('.mask').show();
    })
  </script>
  <?php
}
?>
<style type="text/css">
.layui-layer-loading1{
    font-size:16px;
    padding-right:30px;
    margin-top:-70px;
    width:300px !important;
    color: #dc143c;
    /*left: 180px;*/
    /*top: 200px;*/
  }
</style>
</body>
</html>










